<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  
  <script>
    const name = "yzh";
    const age = 18;
    
    // 标签模板字符串：可以通过模板字符串的方式对一个函数进行调用
    function test(...args) { //可变参数 是一个数组
      console.log(args);
    }
    
    // test('111', '222', 333)

    test`aaa`

    test`my name is ${name}, age is ${age}`  //插值语法会变成分割符(,)  然后值会放在数组第二位依次排序

    //会判断里面是不是一个 回调函数 是的话执行得到结果
    test`
      font-size: 15px;
      color: ${props => props.color}; 
    `
  </script>
</body>
</html>